@mixin searchbar($width) {
    .searchbar-wrapper {
        width: $width;
        margin-left: auto;
        margin-right: auto;
        .searchbar {
            @include border-radius(7px);
            background-color: #303030;
            border: solid 2px #404040;
            width: 100%;
            height: 2.8rem;
            color: $body-color - #404040;
            font-size: 1.8rem;
            padding: 0.1rem;
            padding-left: 0.4rem;
            padding-right: 0.4rem;
            margin-top: ($header-height - 2.8rem - 0.6rem) / 2;
            &:focus {
                @include border-radius(7px);
                outline: 0;
                border: solid 2px #8ec6ff;
                color: $body-color;
                background-color: #252525;
            }
        }
    }
}
